<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>R/C Fly spot</title>
    <link rel="stylesheet" href="/static/css/rcflyspot.css" type="text/css" media="screen" title="no title" charset="utf-8">
    <script src="http://maps.google.com/maps/api/js?libraries=places&amp;sensor=false" type="text/javascript"></script>
    <script src="/static/js/jquery.js" type="text/javascript" charset="utf-8"></script>
    <script src="/static/js/rcflyspot.js" type="text/javascript" charset="utf-8"></script>

    <script type="text/javascript">
      FLYSPOT_VARS = {
        'auth_url': '{{ auth_url }}',
        'user_email': '{{ user_email }}',
        'user_nickname': '{{ user_nickname }}',
        'default_location': '{{ default_location }}',
        'initial_latitude': '{{ initial_latitude }}',
        'initial_longitude': '{{ initial_longitude }}'
      };
    </script>
  </head>
  <body>
    <div id="container">
      <div id="head">
        <h1><a href="/">R/C Fly spot</a></h1>
        <div id="topnav">
          {% if user_email %}
          <strong>{{ user_email }}</strong> | 
          {% endif %}
          <a href="/help" target="_blank">Help</a> |
          {% if user_email %}
          <a href="/settings">Settings</a> |
          {% endif %}
          <a href="{{ auth_url }}">{{ auth_text }}</a>
        </div>
      </div>
      <div id="body">
        <div id="map"></div>

        {% if user_email %}
        <div id="spotdetails">
		  <h2>Fly spot details</h2>
          <form id="detailform" action="#" onsubmit="saveSpot( this.spotname, this.bettername, this.better_enable, this.experience ); return false;">
			 <TABLE><TR><TD COLSPAN="2">Name:&nbsp;<SELECT id="spotname" name="spotname" onChange="changedList( this );">
				<OPTION VALUE="Select spot name">Select spot name</OPTION>
			</SELECT></TD></TR>
            <TR><TD COLSPAN="2">Or give this spot a better name:</TD></TR>
			<TR><TD><input type="text" name="bettername" id="bettername" size="20" maxlength="255" DISABLED VALUE="Select spot name"/>
				<INPUT TYPE="CHECKBOX" ID="better_enable" NAME="better_enable" ONCLICK="betterClick( this );"/></TD></TR>
			<TR><TD COLSPAN="2"><textarea rows="5" cols="40" NAME="experience" ID="experience"></textarea></TD></TR>
            <TR><TD><input type="submit" value="Save"/></TD><TD>&nbsp;</TD></TR>
			</TABLE>
          </form>
          <div id="spot-comments"></div>
        </div>
        {% endif %}
      </div>
      <div id="foot">
        &copy;2011 radialmind.org
      </div>
    </div>
  </body>
</html>
